<template>
    <div class="right-content">
        <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
          <!--********************************************我的公文****************************************-->
                <el-tab-pane label="我的公文" name="write">
                <!-- 头部查询区域 -->
                  <el-form :inline="true" :model="dataForm2" class="demo-form-inline">
                    <div style="display:inline-block">
                      <el-form-item>
                        <el-select v-model="dataForm2.region" placeholder="请选择" style="width:120px">
                          <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.label"
                            :value="item.value"
                          >
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item>
                        <el-input v-model="dataForm2.id" placeholder="输入关键词"></el-input>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="searchDataList()">查询</el-button>
                        <el-button type="primary" @click="handleCreate()">新增公文</el-button>
                        <el-button type="primary" v-if="flag===0" @click="handleLookHistory()">历史公文</el-button>
                        <el-button type="primary" v-else @click="getDataList()">流转中的公文</el-button>
                        <el-button type="primary" @click="deleteHandle()" :disabled="multipleSelection.length === 0">批量删除</el-button>
                      </el-form-item>
                    </div>
                    <el-form-item style="right: 100px">
                      <el-button type="primary" @click="onSubmit">导入</el-button>
                      <el-button type="primary" @click="onSubmit">导出</el-button>
                    </el-form-item>
                  </el-form>
                  <!-- 内容区域 -->
                  <el-table
                    ref="multipleTable"
                    border
                    :data="currentData"
                    :header-cell-style="headerStyle"
                    :cell-style="cellStyle"
                    @selection-change="handleSelectionChange"
                  >
                    <!-- 复选框 -->
                    <el-table-column
                      type="selection"
                      width="50"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      type="id"
                      width="80"
                      label="序号"
                      prop="id"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="processInstanceId"
                      width="190"
                      label="流程ID"
                      header-align="center"
                      align="center">
                      </el-table-column>
                    <el-table-column
                      prop="instanceType"
                      width="190"
                      label="申请类型"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="description"
                      width="190"
                      label="申请描述"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="quantity"
                      width="180"
                      label="数量"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="instanceStartTime"
                      width="180"
                      label="申请时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="startDate"
                      width="180"
                      label="开始时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="endDate"
                      width="180"
                      label="结束时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="isEnded"
                      width="180"
                      label="申请状态"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      fixed="right"
                      header-align="center"
                      align="center"
                      label="操作"
                      v-if="flag===0">
                      <template slot-scope="scope">
                        <el-button size="small" type="primary" icon="el-icon-edit" @click="handleLook(scope.row)">查看</el-button>
                        <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)"></el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                  <!-- 分页器 -->
                  <div class="block" style="margin-top:15px; margin-right: 20px">
                    <el-pagination
                      align="right"
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="[5, 8, 10]"
                      :page-size="pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="tableData.length">
                    </el-pagination>
                  </div>
                  <!-- 弹窗，新增或修改 -->
                  <el-dialog
                        :title="textMap[dialogStatus]"
                        :close-on-click-modal=true
                        :visible.sync="dialogFormVisible"
                        >
                        <el-form
                        :rules="rules1"
                        class="Addform"
                        :model="dataForm"
                        ref="dataForm"
                        @keyup.enter.native="dataFormSubmit()"
                        label-width="110px"
                        label-position="left"
                        style="width: 400px; margin-left: 80px">
                          <div class="right1">
                            <el-row :gutter="15">
                                <el-form-item label="申请类型" style="width: 370px;" prop="instanceType" >
                                  <el-select v-model="dataForm.mtrState" style="width: 260px;" placeholder="请选择申请类型">
                                    <el-option
                                      v-for="item in array"
                                      :key="item.deploymentId"
                                      :label="item.deploymentType"
                                      :value="item.deploymentId"
                                    >
                                    </el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item label="申请人" style="width: 370px;" prop="starter" >
                                  <el-input v-model="dataForm.username" ></el-input>
                                </el-form-item>
                                <el-form-item label="数量" style="width: 370px;" prop="quantity">
                                  <el-input v-model="dataForm.quantity" ></el-input>
                                </el-form-item>
                                <el-form-item label="申请理由" style="width: 370px;" prop="description">
                                  <el-input v-model="dataForm.description" ></el-input>
                                </el-form-item>
                                <el-form-item label="开始时间" style="width: 370px;" prop="beginDate">
                                  <el-form-item style="width: 260px;" prop="beginDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="dataForm.beginDate" style="width: 100%;"></el-date-picker>
                                  </el-form-item>
                                </el-form-item>
                                <el-form-item label="结束时间" style="width: 370px;" prop="endDate">
                                  <el-form-item style="width: 260px;" prop="endDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="dataForm.endDate" style="width: 100%;"></el-date-picker>
                                  </el-form-item>
                                </el-form-item>
                            </el-row>
                          </div>
                        </el-form>
                        <span slot="footer" class="dialog-footer">
                          <el-button type="primary" @click="dialogStatus === 'create' ? createData() : lookData()">确定</el-button>
                          <el-button type="primary" @click="dialogFormVisible = false">取消</el-button>
                        </span>
                  </el-dialog>
                </el-tab-pane>
                <!--********************************************待我审批****************************************-->
                <el-tab-pane label="待我审批" name="read">
                <!-- 头部查询区域 -->
                  <el-form :inline="true" :model="dataForm2" class="demo-form-inline">
                    <div style="display:inline-block">
                      <el-form-item>
                        <el-select v-model="dataForm2.region" placeholder="请选择" style="width:120px">
                          <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.label"
                            :value="item.value"
                          >
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item>
                        <el-input v-model="dataForm2.id" placeholder="输入关键词"></el-input>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="searchDataList()">查询</el-button>
                        <el-button type="primary" @click="deleteHandle()" :disabled="multipleSelection.length === 0">批量删除</el-button>
                      </el-form-item>
                    </div>
                    <el-form-item style="right: 100px">
                      <el-button type="primary" @click="onSubmit">导入</el-button>
                      <el-button type="primary" @click="onSubmit">导出</el-button>
                    </el-form-item>
                  </el-form>
                  <!-- 内容区域 -->
                  <el-table
                    ref="multipleTable"
                    border
                    :data="currentData"
                    :header-cell-style="headerStyle"
                    :cell-style="cellStyle"
                    @selection-change="handleSelectionChange"
                  >
                    <!-- 复选框 -->
                    <el-table-column
                      type="selection"
                      width="50"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      type="id"
                      width="80"
                      label="序号"
                      prop="id"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskId"
                      width="190"
                      label="流程ID"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskName"
                      width="190"
                      label="申请名称"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskType"
                      width="190"
                      label="申请类型"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="description"
                      width="190"
                      label="申请描述"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="starter"
                      width="190"
                      label="申请人"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="quantity"
                      width="180"
                      label="数量"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="InstanceStartTime"
                      width="180"
                      label="申请时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="startDate"
                      width="180"
                      label="开始时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="endDate"
                      width="180"
                      label="结束时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      fixed="right"
                      header-align="center"
                      align="center"
                      label="操作">
                      <template slot-scope="scope">
                        <el-button size="small" type="primary" icon="el-icon-edit" @click="handleLook(scope.row)">查看</el-button>
                        <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)"></el-button>
                        <el-button size="small" type="success" @click="handleApproval(scope.row)">审批</el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                  <!-- 分页器 -->
                  <div class="block" style="margin-top:15px; margin-right: 20px">
                    <el-pagination
                      align="right"
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="[5, 8, 10]"
                      :page-size="pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="tableData.length">
                    </el-pagination>
                  </div>
                  <!-- 弹窗，新增或修改 -->
                  <el-dialog
                        :title="textMap[dialogStatus]"
                        :close-on-click-modal=true
                        :visible.sync="dialogFormVisible"
                        >
                        <el-form
                        :rules="rules2"
                        class="Addform"
                        :model="dataForm"
                        ref="dataForm"
                        @keyup.enter.native="dataFormSubmit()"
                        label-width="110px"
                        label-position="left"
                        style="width: 400px; margin-left: 80px">
                          <div class="right2">
                            <el-row :gutter="15">
                                <el-form-item label="申请人" style="width: 260px;" prop="starter" >
                                  <el-input v-model="dataForm.username" ></el-input>
                                </el-form-item>
                                <el-form-item label="数量" style="width: 260px;" prop="quantity">
                                  <el-input v-model="dataForm.quantity" ></el-input>
                                </el-form-item>
                                <el-form-item label="申请理由" style="width: 260px;" prop="description">
                                  <el-input v-model="dataForm.description" ></el-input>
                                </el-form-item>
                                <el-form-item label="开始时间" style="width: 260px;" prop="beginDate">
                                  <el-input v-model="dataForm.beginDate" ></el-input>
                                </el-form-item>
                                <el-form-item label="结束时间" style="width: 260px;" prop="endDate">
                                  <el-input v-model="dataForm.endDate" ></el-input>
                                </el-form-item>
                            </el-row>
                          </div>
                        </el-form>
                        <span slot="footer" class="dialog-footer">
                          <el-button type="primary" @click="dialogStatus === 'create' ? createData() : lookData()">确定</el-button>
                          <el-button type="primary" @click="dialogFormVisible = false">取消</el-button>
                        </span>
                  </el-dialog>
                </el-tab-pane>
                <!--********************************************抄送我的****************************************-->
                <el-tab-pane label="抄送我的" name="cc">
                <!-- 头部查询区域 -->
                  <el-form :inline="true" :model="dataForm2" class="demo-form-inline">
                    <div style="display:inline-block">
                      <el-form-item>
                        <el-select v-model="dataForm2.region" placeholder="请选择" style="width:120px">
                          <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.label"
                            :value="item.value"
                          >
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item>
                        <el-input v-model="dataForm2.id" placeholder="输入关键词"></el-input>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="searchDataList()">查询</el-button>
                        <el-button type="primary" @click="deleteHandle()" :disabled="multipleSelection.length === 0">批量删除</el-button>
                      </el-form-item>
                    </div>
                    <el-form-item style="right: 100px">
                      <el-button type="primary" @click="onSubmit">导入</el-button>
                      <el-button type="primary" @click="onSubmit">导出</el-button>
                    </el-form-item>
                  </el-form>
                  <!-- 内容区域 -->
                  <el-table
                    ref="multipleTable"
                    border
                    :data="currentData"
                    :header-cell-style="headerStyle"
                    :cell-style="cellStyle"
                    @selection-change="handleSelectionChange"
                  >
                    <!-- 复选框 -->
                    <el-table-column
                      type="selection"
                      width="50"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      type="id"
                      width="80"
                      label="序号"
                      prop="id"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskId"
                      width="190"
                      label="流程ID"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskName"
                      width="190"
                      label="申请名称"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskType"
                      width="190"
                      label="申请类型"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="description"
                      width="190"
                      label="申请描述"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="starter"
                      width="190"
                      label="申请人"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="quantity"
                      width="180"
                      label="数量"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="InstanceStartTime"
                      width="180"
                      label="申请时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="startDate"
                      width="180"
                      label="开始时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="endDate"
                      width="180"
                      label="结束时间"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      fixed="right"
                      header-align="center"
                      align="center"
                      label="操作">
                      <template slot-scope="scope">
                        <el-button size="small" type="primary" icon="el-icon-edit" @click="handleLook(scope.row)">查看</el-button>
                        <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)"></el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                  <!-- 分页器 -->
                  <div class="block" style="margin-top:15px; margin-right: 20px">
                    <el-pagination
                      align="right"
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="[5, 8, 10]"
                      :page-size="pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="tableData.length">
                    </el-pagination>
                  </div>
                  <!-- 弹窗，审批 -->
                  <el-dialog
                        :title="textMap[dialogStatus]"
                        :close-on-click-modal=true
                        :visible.sync="dialogFormVisible3"
                        >
                        <el-form
                        :rules="rules3"
                        class="Addform"
                        :model="dataForm"
                        ref="dataForm"
                        @keyup.enter.native="dataFormSubmit()"
                        label-width="110px"
                        label-position="left"
                        style="width: 400px; margin-left: 50px">
                          <div class="right3">
                            <el-row :gutter="15">
                                <el-form-item label="审批选择" style="width: 370px;" prop="answer">
                                  <el-select v-model="dataForm.answer" style="width: 260px;" placeholder="请选择审批">
                                    <el-option label="同意" value="同意"></el-option>
                                    <el-option label="驳回" value="驳回"></el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item label="审批意见" style="width: 370px;" prop="answerComment">
                                  <el-input v-model="dataForm.answerComment" ></el-input>
                                </el-form-item>
                            </el-row>
                          </div>
                        </el-form>
                        <span slot="footer" class="dialog-footer">
                          <el-button type="primary" @click="dialogStatus === 'create' ? createData() : lookData()">确定</el-button>
                          <el-button type="primary" @click="dialogFormVisible3 = false">取消</el-button>
                        </span>
                  </el-dialog>
                </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
export default {
  name: 'Apply',
  data() {
    return {
      activeName: 'write',
      tableData: [], // 表格中的数据
      currentData: [], // 当前页面的所有的数据
      multipleSelection: [], // 选定的多个复选框对象
      options: [{
        value: '流程ID',
        label: '流程ID'
      }, {
        value: '申请类型',
        label: '申请类型'
      }, {
        value: '申请状态',
        label: '申请状态'
      }],
      value: '',
      currentPage: 1, // 当前页码
      pageSize: 5, // 每页选定的显示条数
      dataForm2: {}, // 想要查询的设备数据
      dialogStatus: '',
      textMap: {
        update: '编辑',
        create: '新增'
      },
      dialogFormVisible: false,
      dialogFormVisible3: false,
      dataForm: {
        answer: '同意'
      },
      postId: 0,
      flag: 0,
      array: [],
      rules1: {
        instanceType: [
          { required: true, message: '请选择申请类型', trigger: 'change' }
        ],
        starter: [
          { required: true, message: '请输入申请人', trigger: 'blur' }
        ],
        quantity: [
          { required: true, message: '请输入数量', trigger: 'blur' }
        ],
        description: [
          { required: true, message: '请输入申请理由', trigger: 'blur' }
        ],
        beginDate: [
          { required: true, message: '请选择开始时间', trigger: 'change' }
        ],
        endDate: [
          { required: true, message: '请选择结束时间', trigger: 'change' }
        ]

      }
    }
  },
  // 生命周期
  mounted() {
    // 查看已部署的流程文件
    this.getList()
    this.getDataList()
    this.getDataList2()
    this.getDataList3()
  },
  // 页码变化
  // const service = axios.create({
  //   baseURL:'localhost:8080'
  // }),
  watch: {
    tableData(newValue, oldValue) {
      this.currentData = newValue.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize)
    },
    CurrentPage(newValue, oldValue) {
      this.currentPage = this.tableData.slice((newValue - 1) * this.pageSize, newValue * this.pageSize)
    }
  },
  methods: {
    // 选择每页行数
    handleSizeChange(val) {
      this.pageSize = val
      this.currentPage = 1
    },
    // 选择页码
    handleCurrentChange(val) {
      this.currentPage = val
    },
    // 表格行高
    cellStyle() {
      return {
        'font-size': '14px',
        height: '45px',
        padding: '0'
      }
    },
    // 表头行高
    headerStyle() {
      return {
        height: '55px'
      }
    },
    // 选择的复选框的数量
    handleSelectionChange(val) {
      this.multipleSelection = val
    },
    // 查看已部署的流程文件
    getList() {
      this.getRequest('/process/deploymentInfo').then((resp) => {
        if (resp) {
          // console.log('-------------------------------------------')
          console.log(resp)
          this.array = resp.data
          // console.log(this.tableData)
          // console.log('666')
          // this.currentData = resp.data
        } else {
          console.log('查看已部署的流程失败')
        }
      })
    },

    // 获取“我的申请”数据列表
    // 获取用户名
    getDataList(data) {
      this.flag = 0
      console.log(window.sessionStorage.getItem('userInfo'))
      var vv = window.sessionStorage.getItem('userInfo').username
      this.getRequest('/process/instance/' + vv).then((resp) => {
        if (resp) {
          // console.log('-------------------------------------------')
          console.log(resp)
          this.tableData = resp.data
          console.log(this.tableData)
          this.currentData = resp.data
        } else {
          console.log('获取列表失败')
        }
      })
    },
    // 获取“待我审批”数据列表
    // 获取用户名
    getDataList2(data) {
      console.log(window.sessionStorage.getItem('userInfo'))
      var vv = window.sessionStorage.getItem('userInfo').username
      this.getRequest('/process/task/' + vv).then((resp) => {
        if (resp) {
          // console.log('-------------------------------------------')
          console.log(resp)
          this.tableData = resp.data
          console.log(this.tableData)
          this.currentData = resp.data
        } else {
          console.log('获取列表失败')
        }
      })
    },
    // 获取“抄送我的”数据列表
    // 获取用户名
    getDataList3(data) {
      console.log(window.sessionStorage.getItem('userInfo'))
      var vv = window.sessionStorage.getItem('userInfo').username
      this.getRequest('/process/hiTask/' + vv).then((resp) => {
        if (resp) {
          // console.log('-------------------------------------------')
          console.log(resp)
          this.tableData = resp.data
          console.log(this.tableData)
          this.currentData = resp.data
        } else {
          console.log('获取列表失败')
        }
      })
    },
    // 审批
    handleApproval(data) {
      this.dialogFormVisible3 = true
      // this.dialogStatus = 'update'
      this.postId = data.id
      // this.dataForm = data
      this.getRequest('process/cplTask' + data.taskId + data.answer + data.answerComment).then((resp) => {
        if (resp) {
          console.log(resp)
          this.$message.success(resp.msg)
          this.getDataList()
        } else {
          console.log('审批失败')
        }
      })
      this.dialogFormVisible3 = false
      // this.getDataList()
    },
    // // 审批
    // handleApproval(data) {
    //   this.postRequest('process/cplTask' + data.taskId + data.username, {
    //     title: this.dataForm.title,
    //     workID: this.dataForm.workID,
    //     description: this.dataForm.description,
    //     uploadDate: this.dataForm.uploadDate
    //   }).then((resp) => {
    //     if (resp) {
    //       console.log(resp)
    //       this.$message.success(resp.msg)
    //       this.getDataList()
    //     } else {
    //       console.log('部署失败')
    //     }
    //   })
    //   // this.dialogFormVisible = false
    //   // this.getDataList()
    // },
    // // 查询
    // searchDataList(data) {
    //   this.dataLoading = true
    //   this.getRequest('/device/' + this.dataForm2.devId).then((resp) => {
    //     if (resp) {
    //       // console.log('-------------------------------------------')
    //       console.log(resp)
    //       this.tableData = resp.data
    //       console.log(this.tableData)
    //       this.currentData = resp.data
    //     } else {
    //       console.log('查询失败')
    //     }
    //   })
    //   this.dataLoading = false
    //   // this.getDataList()
    // },
    // 新增申请
    handleCreate() {
      this.dialogFormVisible = true
      this.dialogStatus = 'create'
    },
    createData(data) {
      this.postRequest('/process/instance/' + data.deploymentId, {
        instanceType: this.dataForm.instanceType,
        starter: this.dataForm.starter,
        description: this.dataForm.description,
        quantity: this.dataForm.quantity,
        beginDate: this.dataForm.beginDate,
        endDate: this.dataForm.endDate
      }).then((resp) => {
        if (resp) {
          console.log(resp)
          this.$message.success(resp.msg)
          this.getDataList()
        } else {
          console.log('新增失败')
        }
      })
      this.dialogFormVisible = false
    },
    // 查看历史申请
    handleLookHistory(data) {
      this.flag = 1
      console.log(window.sessionStorage.getItem('userInfo'))
      var vv = window.sessionStorage.getItem('userInfo').username
      this.getRequest('/hiInstance/' + vv).then((resp) => {
        if (resp) {
          // console.log('-------------------------------------------')
          console.log(resp)
          this.tableData = resp.data
          console.log(this.tableData)
          this.currentData = resp.data
        } else {
          console.log('查看历史申请失败')
        }
      })
    },
    // // 删除
    // handleDelete(data) {
    //   this.$confirm('此操作将永久删除【' + data.devName + '】设备的所有信息，是否继续？', '提示', {
    //     confirmButtonText: '确定',
    //     cancelButtonText: '取消'
    //   }).then(() => {
    //     this.deleteRequest('/device/' + data.devId).then((resp) => {
    //       console.log(resp)
    //       this.$message.success(resp.msg)
    //       this.getDataList()
    //       // this.$forceUpdate()
    //     })
    //   }).catch(() => {
    //     this.$message.info('已取消删除')
    //   })
    // },
    onSubmit() {
      console.log('submit!')
    }
  }
}
</script>

<style scoped>
.right1{
  height: 400px;
}
.right2{
  height: 240px;
}
.right3{
  height: 240px;
}
.right-content{
  border: px solid #fff;
  border-bottom: none;
  background-color: #fff;
  height: 100%;
  padding-left: 0px;
  margin-top: 0px;
}
.defineC{
  /* line-height: 30px; */
  /* height: 20px; */
  margin-left: 14px;
}
/* div{
  align-items: center;
} */
/* .el-form{
  margin-top: 0px;
} */
.demo-form-inline{
  width: 97%;
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
  margin-bottom: 0px;
}
.el-table{
  width: 97%;
  margin: 0px auto
}
.el-dialog__body{
  height: 150px !important;
  overflow: auto;
}
</style>
